<template>
  <div>
      <!-- 内容 -->
        <div class="home_item">
          <div v-for="(items,index) in kwshowlist" :key="index">
            <div class="item_img_box">
              <img :src="items.pic" alt width="100%" />
            </div>
            <p>{{items.title}}</p>
            <p class="item_box_context">
              <span>￥：{{items.price}}</span>
              <s>{{items.old_price}}</s>
            </p>
          </div>
        </div>
  </div>
</template>

<script>
export default {
computed: {
    kwshowlist(){
      return this.$store.state.kwshowlist
    },
},
}
</script>

<style  scoped>
.home_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: white;
  font-size: 15px;
}
.home_item > div {
  width: 45%;
  /* height: 200px; */
  border: 1px solid red;
  background: white;
  margin: 8px;
}
.item_box_context > span {
  color: red;
  margin-right: 20px;
}
.item_box_context > s {
  color: gray;
}
</style>